<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="author" content="菜鸟开发小组" />
		<meta name="keywords" content="Hyper IT,hyper it,it,hyper,IT 博客,博客,交流平台,IT交流网站,IT服务网站,菜鸟开发小组"/>
		<meta name="description" content="由菜鸟才发小组开发的一个苛求质量的高大上的IT服务网站，为IT技术圈内的大牛与小白提供了一个良好的技术交流平台。"/>
		<meta name="robots" content="all"/>
		<title>Hyper IT|首页</title>
		
		 <link rel="icon" href="../img/logo2.ico" type="image/x-icon"/> 
		 <link rel="stylesheet" type="text/css" href="../css/common.css"/>
		 <link rel="stylesheet" type="text/css" href="../css/index.css"/>
		 <link rel="stylesheet" type="text/css" href="../css/blogItem.css"/>
		 <link rel="stylesheet" type="text/css" href="../css/article.css"/>
		 <link rel="stylesheet" type="text/css" href="../css/aq.css"/>
		 <link rel="stylesheet" type="text/css" href="../css/note.css"/>
		 <link rel="stylesheet" type="text/css" href="../css/indexTags.css"/>
		 
		 <script type="text/javascript" src="../js/jquery-3.1.1.min.js" ></script>
		 
		 <script type="text/javascript" src="../js/common.js" ></script>
		 <script type="text/javascript" src="../js/indexblog.js" ></script>
		 <script type="text/javascript" src="../js/indexArticle.js" ></script>
		 <script type="text/javascript" src="../js/indexaq.js" ></script>
		  <script type="text/javascript" src="../js/indexnote.js" ></script>
		 <script type="text/javascript" src="../js/index.js" ></script>
	</head>
	<body>
		<header>
			<a href="index.html" title="一个苛求质量的IT服务网站" id="logo"><img src="../img/logo.jpg" alt="logo"/></a>
			<nav>
				<ul class="link-nav">
					<li><a href="blog/blogs.html"><i class="m-icon icon-blog"></i><span>博客园</span></a></li>
					<li><a href="article/articles.html"><i class="m-icon icon-article"></i><span>博文阁</span></a></li>
					<li><a href="aq/aqs.html"><i class="m-icon icon-aq"></i><span>问答楼</span></a></li>
					<li><a href="note/notes.html"><i class="m-icon icon-note"></i><span>随笔本</span></a></li>
					<li><a href="tag/tags.html"><i class="m-icon icon-boll"></i><span>标签库</span></a></li>
				</ul>
			</nav>
					
			<ul class="user-bar">
				<li class="help-search"><a href="others/help.html">帮助</a></li>
				<li id="userbox"><a href="user/login.html"><span>Go</span></a></li>
			</ul>
		</header>
		<div class="main">
			<div class="banner">
					<ul id="photo-list">
						<li><a href="javascript:void(0)" title="banner1"><img src="../img/f7ad220cc14d5c96946436da0a04871c.jpg"/></a></li>
						<li><a href="javascript:void(0)" title="banner2"><img src="../img/56a990dd94601254695680368f0fe3eb.jpg"/></a></li>
						<li><a href="javascript:void(0)" title="banner3"><img src="../img/lrbgn.jpg"/></a></li>
					</ul>
					<ul id="thumb-list">
						<li class="active"></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			<div class="wrap">
				<div class="container">
					<div class="header">
						<h1>博客大牛</h1>
						<p>世界本不缺IT大牛，知识缺少一对发现大牛的眼睛。</p>
					</div>
					<div class="items blog_items">
						<!--这里插入博主-->
					</div>
					<div class="blog-right-bar">
						<h2>博主</h2>
						<p>“其他受欢迎的博主！”</p>
						<!--这里插入其他博主-->
					</div>
				</div><!-- 博客container -->
				<div class="container">
					<div class="header">
						<h1>推荐博文</h1>
						<p>
							沙中淘金，大海藏珠，华美经典的文章就在这里！
						</p>
					</div>
					
					<div class="article-items">
						<!--这里插入文章-->
					</div>
					<div class="article-right-bar">
						<div class="article-right-box">
							<h2>发文</h2>
							<p>“学海从中，自用畅泳，灵感突至，便发一文。”</p>
							<a href="article/articleEdite.html">撰写博文</a>
						</div>
						<div class="article-right-box">
							<h2>寻觅</h2>
							<p>“寻觅，您想知道的知识！”</p>
							<a href="#">搜索博文</a>
						</div>
					</div>
				</div>
				
				<div class="container">
					<div class="header">
						<h1>问答高楼</h1>
						<p>
							达者，不耻下问，虚心请教，乐于施教，为人解惑，乃大家之风；<br>
							穷者，积极好问，勤能补拙，善于总结，每日三省，可破茧化蝶。
						</p>
					</div>
			
					<div class="aq-items">
					</div>
					<div class="aq-left-bar">
						<div class="aq-left-box">
							<h2>好问</h2>
							<p>“善问者，如攻坚木，先攻易者，后攻节目。”</p>
							<a href="aq/editeQuestion.html">提出问题</a>
						</div>
						<div class="aq-left-box">
							<h2>寻觅</h2>
							<p>“上穷碧落黄泉，两处茫茫皆不见。”</p>
							<a href="#">搜索问题</a>
						</div>
					</div>
					
				</div>
				
				<div class="container">
					<div class="header">
						<h1>精品手记</h1>
						<p>
							杂谈，趣闻，八卦，心情，故事，你说，我们听。
						</p>
					</div>
					
					<div class="note-items">
						
					</div>
				</div>
				
				<div class="container">
					<div class="header">
						<h1>推荐标签</h1>
						<p>标签作筛，寻觅您需要的真理！</p>
					</div>
					<div class="tags-items">
						<a href="tag/thetag.html" class="tags-item">
							<div>H5</div>
							<span>Html5</span>
							<i>123篇文章</i>
						</a>
						<a href="tag/thetag.html" class="tags-item">
							<div>IOS</div>
							<span>IOS</span>
							<i>123篇文章</i>
						</a>
						<a href="tag/thetag.html" class="tags-item">
							<div>Ag</div>
							<span>angulaJS</span>
							<i>123篇文章</i>
						</a>
						<a href="tag/thetag.html" class="tags-item">
							<div>BD</div>
							<span>大数据</span>
							<i>123篇文章</i>
						</a>
						<a href="tag/thetag.html" class="tags-item">
							<div>PS</div>
							<span>Photoshop</span>
							<i>123篇文章</i>
						</a>
						<a href="tag/thetag.html" class="tags-item">
							<div>H5</div>
							<span>Html5</span>
							<i>123篇文章</i>
						</a>
						<a href="tag/thetag.html" class="tags-item">
							<div>H5</div>
							<span>Html5</span>
							<i>123篇文章</i>
						</a>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="wrap">
				<p>Copyright &copy; 2017-5-5 Hyper IT of 菜鸟开发小组 All Rights Reserved.</p>
			</div>
		</footer>
		
		
	</body>
</html>
